<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>SQL转Word三线表</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <div class="container">
    <h1>SQL转Word三线表</h1>
    
    <div class="upload-section">
      <h2>上传SQL文件</h2>
      <input type="file" id="sqlFileInput" accept=".sql">
      <div class="or-divider">或</div>
    </div>
    
    <div class="input-section">
      <h2>直接输入SQL语句</h2>
      <textarea id="sqlInput" placeholder="在此粘贴SQL创建表语句..."></textarea>
    </div>
    
    <div class="button-section">
      <button id="parseButton">解析SQL</button>
    </div>
    
    <div class="result-section" id="resultSection" style="display: none;">
      <h2>解析结果</h2>
      <div id="tableResult"></div>
      <button id="generateDocButton">生成Word文档</button>
    </div>
  </div>
  
  <!-- 引入本地docx.js库 -->
  <script src="lib/docx-global.js"></script>
  <script src="lib/sql-parser.js"></script>
  <script src="lib/docx.js"></script>
  <script src="popup.js"></script>
</body>
</html> 